@charset "utf-8";
@import url("styles.css");
/*
   * wx/qq.465320335 *
   * http://e.xoabc.com/ *
   * Released on: 2021,03,11 *
*/  

/* head */
.header {
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 99999;
   background-color: #fff;
   box-shadow: 0 0 8px rgba(0,0,0,0.1);
   overflow: hidden;
}
.logo {
   padding: 17px 0;
}
.naver {
   overflow: hidden;
   margin: 32px 0 0 0;
}
.naver li {
   float: left;
   margin-left: 1px;
}
.naver li a {
   display: block;
   color: #000;
   padding: 0 24px;
}
.naver li a:hover,
.naver li a.on {
   background-color: #005fad;
   color: #fff;
   border-radius: 3px;
}

/* main */
.main {
   width: 1300px;
   margin: 0 auto;
}
.main_title {
   padding: 66px 0 0;
}
.main_title span {
   display: block;
   line-height: 100%;
}
.main_title span.title {
   font-size: 40px;
}
.main_title span.title i {
   color: #005fad;
}
.main_title span.desc {
   color: #666;
   padding-top: 25px;
}
.main_more {
   width: 170px;
   margin: 0 auto;
}
.main_more a {
   display: block;
   border: 2px solid #005fad;
   color: #005fad;
   border-radius: 50px;
}
.main_more a:hover {
   background-color: #005fad;
   color: #fff;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.products {
   width: 100%;
   margin-top: 2px;
   padding-bottom: 65px;
   background: url(/images/cpbg.png) left top no-repeat #f9f9f9;
}
.products .p_list {
   padding-top: 45px;
}
.products .p_list ul {
   margin-right: -1.77777%;
   overflow: hidden;
}
.products .p_list li {
   float: left;
   width: 31.55556%;
   margin: 0 1.77777% 2% 0;
   position: relative;
}
.products .p_list li .pic {
   height: 308px;
   overflow: hidden;
}
.products .p_list li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.products .p_list li a {
   color: #515151;
}
.products .p_list li a:hover {
   color: #005fad;
   font-weight: bold;
}
.products .p_list li .title {
   background-color: #fff;
   box-shadow: 0 2px 10px rgba(0,0,0,0.07);
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   line-height: 66px;
   padding-bottom: 4px;
}
.products .p_list li::after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-bottom: 2px solid #005fad;
   transition: all .5s ease;
   transform: scaleX(0);
   opacity: 0;
}
.products .p_list li:hover::after {
   opacity: 1;
   transform: scaleX(1);
}

.video {
   width: 100%;
   padding-bottom: 90px;
}
.video .v_box {
   background-color: #f9f9f9;
   margin: 45px auto 68px;
   position: relative;
   overflow: hidden;
}
.video .v_box .bd,
.video .v_box .bd ul {
   width: 650px;
   height: 488px;
   overflow: hidden;
   position: relative;
}
.video .v_box .bd ul i {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: url(/images/play.png) center no-repeat rgba(0,0,0,0.6);
}
.video .v_box .bd ul a {
   cursor: pointer;
}
.video .v_box .bd img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   cursor: pointer;
}
.video .v_box .hd {
   width: 610px;
   padding: 37px 0 0 40px;
   overflow: hidden;
}
.video .v_box .hd li {
   float: left;
   width: 276px;
   height: 200px;
   margin: 0 18px 17px 0;
   overflow: hidden;
   position: relative;
}
.video .v_box .hd li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.video .v_box .hd li.on span,
.video .v_box .hd li span {
   display: none;
   position: absolute;
   width: 91%;
   height: 73%;
   top: 0;
   left: 0;
   background: rgba(0,0,0,0.6);
   z-index: 9;
   padding: 27% 5% 0;
   line-height: 25px;
}
.video .v_box .hd li a {
   color: #fff;
}
.video .v_box .hd li.on span,
.video .v_box .hd li:hover span {
   display: block;
}

.cases {
   width: 100%;
   padding-bottom: 90px;
   background: url(/images/albg.png) right top no-repeat #f9f9f9;
}
.cases .c_box {
   padding: 48px 0 43px;
}
.cases .c_box ul {
   margin-right: -1.4%;
   overflow: hidden;
}
.cases .c_box li {
   float: left;
   width: 23.6%;
   margin: 0 1.4% 1.8% 0;
   position: relative;
}
.cases .c_box li .pic {
   height: 233px;
   overflow: hidden;
}
.cases .c_box li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.cases .c_box li a {
   color: #515151;
}
.cases .c_box li a:hover {
   color: #005fad;
}
.cases .c_box li .title {
   background-color: #fff;
   box-shadow: 0 2px 10px rgba(0,0,0,0.07);
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   line-height: 54px;
   padding-bottom: 3px;
}
.cases .c_box li::after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-bottom: 2px solid #005fad;
   transition: all .5s ease;
   transform: scaleX(0);
   opacity: 0;
}
.cases .c_box li:hover::after {
   opacity: 1;
   transform: scaleX(1);
}

.abouts {
   width: 100%;
}
.abouts .a_box {
   margin: 50px 0 90px;
   overflow: hidden;
}
.abouts .a_left {
   width: 50%;
   height: 512px;
   overflow: hidden;
}
.abouts .a_left img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.abouts .a_right {
   width: 600px;
   padding: 35px 0 0 50px;
}
.abouts .a_right li.gs {
   color: #005fad;
}
.abouts .a_right li.jj {
   color: #555;
   padding: 20px 0 30px;
}
.abouts .a_right li.tel {
   font-family: Impact;
   color: #f08200;
   padding: 10px 0 15px;
}

.cases .certlist {
   padding: 50px 0 67px;
   position: relative;
}
.cases .certlist .bd {
   position: relative;
   overflow: hidden;
}
.cases .certlist .bd ul {
   zoom: 1;
}
.cases .certlist .bd li {
   float: left;
   width: 312px;
   margin-right: 17px;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0,0,0,0.06);
   position: relative;
}
.cases .certlist .bd li .pic {
   height: 410px;
   overflow: hidden;
}
.cases .certlist .bd li .pic img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.cases .certlist .bd li .title {
   line-height: 60px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.cases .certlist .bd li a {
   color: #515151;
}
.cases .certlist .bd li a:hover,
.cases .certlist .hd a:hover {
   color: #005fad;
}
.cases .certlist li::after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-bottom: 2px solid #005fad;
   transition: all .5s ease;
   transform: scaleX(0);
   opacity: 0;
}
.cases .certlist li:hover::after {
   opacity: 1;
   transform: scaleX(1);
}
.cases .certlist .hd {
   position: relative;
}
.cases .certlist .hd a {
   display: block;
   position: absolute;
   top: -265px;
   color: #e1e1e1;
}
.cases .certlist .hd i {
   font-size: 60px;
}
.cases .certlist .hd a.prev {
   left: -50px;
}
.cases .certlist .hd a.next {
   right: -50px;
}

.news {
   width: 100%;
   padding-bottom: 88px;
}
.news .n_box {
   padding: 50px 0 42px;
   overflow: hidden;
}
.news .n_rmd {
   width: 659px;
   overflow: hidden;
}
.news .n_rmd li {
   float: left;
   width: 315px;
   margin-right: 14px;
}
.news .n_rmd li span {
   display: block;
}
.news .n_rmd li span.pic {
   height: 220px;
   overflow: hidden;
}
.news .n_rmd li span.pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.news .n_rmd li span.title {
   height: 50px;
   overflow: hidden;
   margin: 20px 0 16px;
}
.news .n_rmd li span.desc {
   color: #888;
}
.news .n_rmd li span.time {
   color: #b5b5b5;
   margin-top: 17px;
}
.news .n_rmd li span.time i {
   display: inline-block;
   vertical-align: 1px;
   margin-right: 5px;
}
.news .n_rmd li a {
   color: #333;
}
.news .n_rmd li a:hover {
   color: #f08300;
}

.news .n_list {
   width: 641px;
}
.news .n_list li {
   margin: 0 0 22px;
   overflow: hidden;
}
.news .n_list li span {
   display: block;
   line-height: 100%;
}
.news .n_list li .time {
   width: 110px;
   padding: 14px 0;
   border-right: 1px solid #ecf0f0;
}
.news .n_list li .time span,
.news .n_list li a:hover {
   color: #f08300;
}
.news .n_list li .time span.f45 {
   font-size: 45px;
   padding-bottom: 5px;
}
.news .n_list li .box span.desc {
   color: #888;
   line-height: 23px;
   padding-top: 10px;
}
.news .n_list li .box {
   width: 483px;
   padding: 10px 21px 0;
}
.news .n_list li a {
   color: #333;
   display: block;
}
.news .n_list li:hover {
   background-color: #fcfcfc;
}


/* cols */
.cols_slide {
   width: 100%;
   height: 370px;
   overflow: hidden;
   margin-top:105px;
}
.cols_nav {
   width: 100%;
   background-color: #fff;
   padding: 25px 38px 25px 0;
}
.cols_nav li {
   float: left;
}
.cols_nav li a {
   color: #666;
   display: block;
   margin-right: 26px;
}
.cols_nav li i {
   display: inline-block;
   margin-right: 9px;
   vertical-align: -1px;
}
.cols_nav li a:hover,
.cols_nav li a.on {
   color: #005fad;
}
.cols_pos {
   color: #666;
}
.cols_pos a {
   color: #666;
}
.cols_pos a:hover {
   color: #005fad;
}
.cols {
   width: 100%;
   padding: 0 0 68px;
   background: url(/images/cpbg.png) left top no-repeat #f9f9f9;
   border-top: 1px solid #f5f5f5;
}
.cols .main_title {
   border-bottom: 1px solid #e6e6e6;
   padding-bottom: 33px;
   position: relative;
}
.cols .main_title::before {
   content: '';
   display: block;
   position: absolute;
   width: 76px;
   height: 1px;
   background-color: #005fad;
   bottom: -1px;
   left: 0;
   right: 0;
   margin: 0 auto;
}
.cols .cases {
   padding-bottom: 38px;
}
.cols .c_box {
   padding-bottom: 0;
}
.cases .certlist {
   padding-bottom: 0;
}
.cases .certlist .bd ul {
   margin-right: -17px;
}
.cases .certlist .bd li {
   margin-bottom: 20px;
}
.cols_info {
   padding: 40px 40px 35px;
   color: #383838;
}
.cols_info a {
   color: #383838;
}
.cols_info a:hover {
   color: #005fad;
}
.cols_info img {
   max-width: 100%;
}








/* news */
.newslist {
   padding: 0 0 10px;
}
.newslist li {
   border-bottom: 1px solid #eee;
   padding: 30px;
   overflow: hidden;
}
.newslist li .pic {
   width: 20%;
   float: left;
   margin-right: 25px;
   overflow: hidden;
}
.newslist li .pic img {
   max-width: 100%;
}
.newslist li .desc {
   padding-top: 10px;
}
.newslist li .desc span {
   display: block;
}
.newslist li .desc span.time {
   color: #888;
   padding: 10px 0;
}
.newslist li .desc span.time i {
   display: inline-block;
   margin-right: 5px;
}
.newslist li .desc span.info {
   color: #888;
}
.newslist li a {
   display: block;
   color: #333;
}
.newslist li a:hover,
.newslist li:hover .desc span:first-child {
   color: #f08300;
}
.newslist li:hover .desc span:first-child {
   font-weight: bold;
}
.newslist li:hover {
   background-color: #fff;
}



/* info */
.info_box {
   padding: 45px 0 10px;
}
.info_pic {
   width: 53%;
   overflow: hidden;
   background-color: #fff;
}
.info_pic img {
   max-width: 100%;
}
.info_right {
   width: 44%;
   padding-top: 12px;
}
.info_right li {
   padding-left: 12px !important;
}
.info_right li.bt {
   padding: 18px 0 20px;
   color: #000;
   border-bottom: 1px solid #e0e0e0;
}
.info_right li.rx {
   padding: 30px 0 10px;
   color: #666;
}
.info_right li.rx i {
   display: inline-block;
   margin-right: 10px;
}
.info_right li.tel {
   color: #f08300;
   padding: 0 0 10px;
   font-family: Impact;
   font-size: 35px;
}
.info_right li.lx {
   color: #444;
   border-bottom: 1px solid #e0e0e0;
   padding-bottom: 18px;
}
.info_right li.share  {
   border-bottom: 1px solid #e0e0e0;
   padding: 22px 0;
}
.info_right li.share a {
   display: inline-block;
   margin-left: -3px;
   margin-right: 10px;
}
.info_right li.btn {
   padding: 30px 0;
}
.info_right li.btn a {
   display: inline-block;
   background-color: #005fad;
   color: #fff;
   padding: 13px 43px;
   border-radius: 2px;
}
.info_right li.btn i {
   display: inline-block;
   margin-right: 8px;
}
.info_right li.btn a:hover {
   padding: 13px 46px;
   box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}

.info_wp {
   width: 100%;
   padding: 45px 0 60px;
   background-color: #fff;
}
.info_wp .hd {
   border-bottom: 1px solid #eee;
}
.info_wp .hd ul {
   width: 1300px;
   margin: 0 auto;
   color: #666;
}
.info_wp .hd ul a {
   color: #666;
}
.info_wp .hd li {
   float: left;
   margin-right: 25px;
   cursor: pointer;
}
.info_wp .hd li span {
   display: block;
   padding: 0 10px 20px;
   margin-bottom: -1px;
   border-bottom: 1px solid transparent;
}
.info_wp .hd li.on span {
   color: #005fad;
   border-bottom: 1px solid #005fad;
}
.info_wp .bd {
   width: 1300px;
   margin: 0 auto;
}
.info_wp .bd ul.cols_info {
   padding: 35px 0;
}
.info_wp .bd .products,
.info_wp .bd .cases {
   background: none;
}
.info_wp .bd .cases {
   padding-bottom: 0;
}

.info_nbt {
   color: #005fad;
   padding: 15px 0 23px;
   border-bottom: 1px solid #e6e6e6;
}
.info_nbt span {
   display: block;
   color: #94949d;
   margin-left: -5px;
   padding: 22px 0 5px;
   font-size: 13px;
}
.info_nbt span i {
   display: inline-block;
   padding: 0 5px;
}


/* photo */
.photos ul {
   margin-right: -1.5% !important;
}
.photos li {
   width: 23.5% !important;
   height: 450px !important;
   margin: 0 1.5% 1.5% 0 !important;
   background-color: #f8f8f8;
}
.photos li img {
   object-fit: contain !important;
}


/* pages */
.n_pages {
   padding: 55px 0 0;
   letter-spacing: -4px;
   margin-bottom: -20px;
}
.n_pages a {
   display: inline-block;
   background-color: #fff;
   color: #979ba3;
   padding: 10px 15px;
   margin: 0 3px;
   border: 1px solid #e3e5e8;
   letter-spacing: 0;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #005fad;
   border-color: #005fad;
   color: #fff;
}

.n_next {
   border-top: 1px solid #e6e6e6;
   padding: 30px 0 0;
   color: #444;
}
.n_next a {
   color: #444;
}
.n_next a:hover {
   color: #f08300;
}

/* message */
.apply {
   display: none;
   width: 90%;
   padding-top: 4%;
   margin: 0 auto;
}
.apply li input,
.apply li textarea {
   width: 94%;
   border: 1px solid #ddd;
   margin: 5px 0;
   padding: 2.2% 2.5%;
   font-size: 15px;
}
.apply li textarea {
   height: 80px;
}
.apply li button {
   background: #f08300;
   color: #fff;
   border-radius: 50px;
   line-height: 45px;
   width: 35%;
   border: none;
   font-size: 16px;
   margin: 15px auto 0;
   display: block;
   cursor: pointer;
   transition: all .3s linear 0s;
}
.apply li button:hover {
   background: #005fad;
   box-shadow: 0 5px 10px #ccc;
}
.apply li input.code {
   width: 67%;
   margin: 3px 0 5px;
}
.apply li img {
   display: inline-block;
   vertical-align: -18px;
   cursor: pointer;
   margin-left: 8px;
}
.apply li label input {
   width: 5%;
}
.apply li.xb {
   font-size: 14px;
   color: #888;
   padding: 7px 0;
}

/* footer */
.footer {
   width: 100%;
   background: url(/images/footbg.jpg) center top repeat;
   color: #bababa;
}
.footer a {
   color: #bababa;
}
.footer a:hover {
   color: #f08300;
}
.footer .foot_nav {
   border-bottom: 1px solid #6c6c6c;
   border-bottom-color: rgba(255,255,255,0.3);
   padding: 40px 0 22px;
}
.footer .foot_nav li {
   display: inline-block;
   height: 20px;
   overflow: hidden;
   border-right: 1px solid #969696;
   border-right-color: rgba(255,255,255,0.5);
   padding: 0 18px 0 12px;
}
.footer .foot_nav li:last-child {
   border: none;
}
.footer .foot_nav li a {
   color: #fff;
}
.footer .foot_nav li a:hover,
.footer .foot_copy a:hover {
   color: #f08300;
}
.footer .foot {
   padding: 46px 30px 55px;
   overflow: hidden;
}
.footer .foot h3 {
   font-size: 17px;
   line-height: 18px;
}
.footer .foot ul {
   padding-top: 18px;
}
.footer .foot_lx {
   width: 43%;
}
.footer .foot_lm {
   width: 34%;
   overflow: hidden;
}
.footer .foot_lm dl {
   float: left;
   width: 36%;
}
.footer .foot_lm dl h3 {
   margin-bottom: 16px;
}
.footer .foot_ewm {
   width: 23%;
   font-size: 12px;
}
.footer .foot_ewm ul {
   padding: 0;
}
.footer .foot_ewm li {
   float: left;
   width: 41%;
   margin-left: 9%;
}
.footer .foot_ewm li img {
   max-width: 100%;
}
.footer .foot_ewm li span {
   display: block;
   padding-top: 5px;
}
.footer .foot_copy {
   border-top: 1px solid #6c6c6c;
   border-top-color: rgba(255,255,255,0.3);
   color: #8e8e8e;
   padding: 25px 0 50px;
}
.footer .foot_copy a {
   color: #8e8e8e;
   padding: 0 2px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #888;
   font-size: 13px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 30px;
   right: 30px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   height: 30px;
   width: 30px;
   line-height: 38px;
   border: 1px #f08300 solid;
   color: #f08300;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #f08300;
   background-color: #f08300;
}